<template>
	<div><van-card v-for="(item, i) in newsList" :key="i" :num="item.count" :title="item.title" :thumb="item.img" @click="onDetail(item.id)" /></div>
</template>

<script>
//1.导入封装后的接口
import { getNewsListAPI } from '@/api/news.js';
export default {
	data() {
		return {
			newsList: [] //列表
		};
	},

	//生命周期的钩子函数，当实例别创建好了后被调用
	created() {
		//获取
		this.getNewsList();
	},

	methods: {
		//获取列表
		getNewsList() {
			//2.使用封装后的接口
			getNewsListAPI().then(result => {
				// console.log(result);
				this.newsList = result.data;
			});
		},

		onDetail(id) {
			this.$router.push({
				name: 'newsDetail',
				params: {
					id
				}
			});
		}
	}
};
</script>

<style></style>
